.arange {
    //display: flex;
    margin-top: 20px;
}

/*进度条底色*/
.split-time{
    width: 1440px;
    height: 36px;
    background: #e9f1f6;
    border-left: 0.1px solid;
    border-right: 0.1px solid;
    border-top: 0.1px solid;
    border-bottom: 0.1px solid;
}
.scale {
    display: flex;
    width: 1442px;/*// 预留边界长度*/
    height: 1px;
    /*position: fixed;*/
    /*top: 100px;*/
    margin-bottom: 1px;

    /* left: 50px; */
    /* transform: rotate(-90deg); */
}
.scale div{
    border-left: 0.1px solid black;
    /*border-bottom: 0.1px solid black;*/
    width: 60px;
    height: 3px;
    background: transparent;
    position: relative;
}
.scale div::before{
    content: attr(data-number);
    position: absolute;
    left: -24px;
    top: -14px;
    width: 50px;
    text-align: center;
    font-size: 11px;
}
.scale div:last-child::after{
    content: '24';
    position: absolute;
    right: -9px;
    top: -14px;
    font-size: 11px;
}
.scale div:last-child{
    border-right: 1px solid black;

}


.myCenter{
    width: 1440px;
    height: 150px;
    background-color: #e4dddd;
    /*position: fixed;*/
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.timePos{
    height: 15px;
    display: inline;
    border-left: solid 1px black;
    margin-right: 60px;

}

.timeTotal div::before{
    content: attr(data-number);
    position: absolute;
    left: -24px;
    top: 12px;
    width: 59px;
    text-align: center;
}